<template>
	<view>
		<view class="swiper-content">
			<swiper class="screen-swiper round-dot" :indicator-dots="true" :circular="true"
			 :autoplay="true" interval="5000" duration="500">
				<swiper-item v-for="(item,index) in swiperList" :key="index">
					<image :src="item.url" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
			<view class="search text-center" @click="navto('/pages/search/search')">
				<text class="iconfont icon-sousuo margin-right-xs"></text>
				<text class="search-txt">搜索</text>
			</view>
		</view>
		<item v-for="(item,index) in 10" :key="index"></item>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swiperList: [{
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg'
				}, {
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
				}, {
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg'
				}, {
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'
				}, {
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big25011.jpg'
				}, {
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big21016.jpg'
				}, {
					url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg'
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.swiper-content{
	position: relative;
	.search{
		position: absolute;
		height:60upx;
		border-radius: 10upx;
		background: rgba(202, 202, 202, 0.7);
		line-height: 60upx;
		$size:30upx;
		top:16upx;
		left: $size;
		right: $size;
		.search-txt{
			color: #444444;
		}
	}
}
</style>
